$(function() {
    var layer = layui.layer


    getImg()

    // 获取轮播图列表
    function getImg() {
        $.ajax({
            method: 'GET',
            url: 'admin/swipers',
            success: function(res) {
                if (res.status !== 0) {
                    return layer.msg('获取轮播图失败！')
                }
                var htmlStr = template('table-tpl', res)
                $('tbody').html(htmlStr)
            }
        })
    }


    // 修改轮播图状态
    $('tbody').on('click', '.layui-badge', function(e) {
        // console.log(1);
        var status = $(e.target).data('status')
        var id = $(e.target).data('id')
        $.ajax({
            method: 'PUT',
            url: 'admin/swipers/' + id,
            data: {
                status: status
            },
            success: function(res) {
                if (res.status !== 0) {
                    return layer.msg('修改状态失败!')
                }
                layer.msg('修改状态成功!')
                getImg()
            }
        })
    })

    // 选择需要上传的文件
    $('#uploadSwiper').on('click', function(e) {
        $('#file').click()
    })
    $('#file').on('change', function(e) {
        var filelists = e.target.files
        var fd = new FormData()

        // console.log(fd);
        $.each(filelists, function(index, item) {
            fd.append('swipers', item)
        })
        $.ajax({
            method: 'POST',
            url: 'admin/swipers',
            data: fd,
            processData: false,
            contentType: false,
            success: function(res) {
                if (res.status !== 0) {
                    return layer.msg(res.message)
                }
                if (res.status === 0) {
                    layer.msg(res.message)
                    getImg()
                }
            }
        })
    })

    // 删除轮播图
    $('tbody').on('click', '.delete', function() {
        // console.log(1)
        var id = $(this).attr('data-id')
        layer.confirm('确认要删除吗?', { icon: 3, title: '提示' }, function() {
            $.ajax({
                method: 'DELETE',
                url: 'admin/swipers/' + id,
                success: function(res) {
                    if (res.status !== 0) {
                        return layer.msg('删除轮播图失败!')
                    }
                    layer.msg('删除轮播图成功!')
                }
            })
            getImg()
        })
    })
})